<template>
  <div class="m-detailsHeader">
    <div class="m-searchListPanel m-searchListPanelA">
      <div class="layout-1"><span class="leftLine"></span>客户资料</div>
    </div>
    <el-tabs v-model="activeTab" class="m-common-tab">
      <el-tab-pane label="身份及联络资料" name="TheInfo">
      </el-tab-pane>
      <el-tab-pane label="参考资料" name="TheRe">
      </el-tab-pane>
      <el-tab-pane label="相关LEAD" name="TheLead">
      </el-tab-pane>
      <el-tab-pane label="相关真实账号" name="TheAccount">
      </el-tab-pane>
    </el-tabs>
    <div :is="activeTab" class="detailsContent"></div>
  </div>
</template>

<script>
  import TheInfo from './components/TheAccountDetailsInfo.vue'
  import TheRe from './components/TheAccountDetailsRe.vue'
  import TheLead from './components/TheAccountDetailsLead.vue'
  import TheAccount from './components/TheAccountDetailsAccount.vue'
  export default {
    name: 'AccountDetailsInfo',
    data () {
      return {
        activeTab:'TheInfo'
      }
    },
    components: {
      TheInfo,
      TheRe,
      TheLead,
      TheAccount,
    },
    methods:{
      handleClickTab(flg) {
      }
    }
  }
</script>

<style lang="scss" scoped>
</style>
